table {
  font-size: 1.167rem;
  font-weight:500;
  padding: 0 24px;
  width: 100%;
  border-radius:4px;
  background-color: #FFF;
  .tx-left {
    text-align: left;
  }
  thead {
    border-bottom: 1px solid rgba(0,85,164,0.1);
    th {
      padding: 17px 0;
      color:rgba(96,98,102,1);
      &.th-gd {
        .iconfont {
          font-size: 1.167rem;
          color:#C0C4CC;
          position: relative;
        }
        div {
          position: absolute;
          display: none;
          text-align: left;
          left: -130px;
          bottom: 25px;
          width: 250px;
          max-width: 250px;
          padding: 10px;
          font-size: 1rem;
          line-height: 1.2;
          border-radius: 4px;
          font-weight: 500;
          background-color: rgba(31,45,61,.85);
          color: white;
          word-wrap: break-word;
        }
        div::after {
          content: '';
          width: 0;
          height: 0;
          border-width:5px;
          border-style:solid;
          border-color:rgba(31,45,61,.85) transparent transparent transparent;
          position: absolute;
          bottom: -10px;
          left: 131px;
        }
      }
    }
  }
  tbody {
    tr {
      border-bottom: 1px solid rgba(0,85,164,0.1);
      td {
        padding: 16px 0;
        vertical-align:middle;
        &.td-inx {
          text-align: left;
          font-size: 1.667rem;
          text-shadow:0 2px 35px rgba(0,85,164,0.1);
          .iconfont {
            font-size: 1.167rem;
          }
        }
        .td-action {
          display: flex;
          align-items: center;
          justify-content: center;
          & > div {
            margin-left: 24px;
            &:first-child {
              margin-left: 0;
            }
          }
          .iconfont {
            cursor: pointer;
            padding: 8px;
            border-radius: 50%;
            font-size: 16px;
          }
          .red {
            .iconfont {
              background: rgba(245, 108, 108, 0.2);
              color: rgba(245, 108, 108, 1);
              &:hover {
                background: rgba(245, 108, 108, 1);
                color: #FFF
              }
            }
          }
          .blue {
            .iconfont {
              background-color: rgba(24, 144, 255, 0.2);
              color: rgba(24, 144, 255, 1);
              &:hover {
                background-color: rgba(24, 144, 255, 1);
                color: #FFF;
              }
            }
          }
          .green {
            .iconfont {
              background: rgba(103, 194, 58, 0.2);
              color: rgba(103, 194, 58, 1);
              &:hover {
                background: rgba(103, 194, 58, 1);
                color: #FFF
              }
            }
          }
        }
        &.tb-tiktoker {
          display: flex;
          align-items: center;
          &>div {
            position: relative;
            .video-time {
              position: absolute;
              bottom: 0;
              width: 100%;
              color: #FFF;
              padding: 4px 0;
              border-radius: 0 0 4px 4px;
              background-color: rgba(0,0,0,.8);
            }
            &:first-child {
              position: relative;
              margin-right: 16px;
            }
            &:last-child {
              flex: 1;
              text-align: left;
            }
          }
          img {
            &:first-child {
              display: block;
              border-radius: 50%;
              width: 48px;
            }
          }
          .tb-name {
            margin-bottom: 6px;
          }
        }
      }
      .td-detail {
        &>div {
          cursor: pointer;
        }
        .iconfont {
          font-size: 16px;
        }
      }
    }
  }
  tfoot {
    span {
      color: #1890FF;
      cursor: pointer;
    }
    tr {
      td {
        padding: 24px 0;
        a {
          color: #1890FF;
        }
      }
    }
  }
}